﻿<phone:PhoneApplicationPage x:Class="Animation.DragDropPage"
                            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                            xmlns:el="clr-namespace:Microsoft.Expression.Interactivity.Layout;assembly=Microsoft.Expression.Interactions"
                            xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
                            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                            xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
                            xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
                            FontFamily="{StaticResource PhoneFontFamilyNormal}"
                            FontSize="{StaticResource PhoneFontSizeNormal}"
                            Foreground="{StaticResource PhoneForegroundBrush}"
                            Orientation="Portrait"
                            SupportedOrientations="Portrait"
                            shell:SystemTray.IsVisible="True"
                            mc:Ignorable="d">

    <!--  LayoutRoot is the root grid where all page content is placed  -->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <!--  TitlePanel contains the name of the application and page title  -->
        <StackPanel Grid.Row="0" Margin="12,17,0,28">
            <TextBlock Style="{StaticResource PhoneTextNormalStyle}" Text="MY APPLICATION" />
            <TextBlock Margin="9,-7,0,0"
                       Style="{StaticResource PhoneTextTitle1Style}"
                       Text="page name" />
        </StackPanel>
        <Canvas x:Name="ContentPanel"
                Grid.Row="1"
                Margin="12,0,12,0">
            <Rectangle x:Name="myRect"
                       Canvas.Left="56"
                       Canvas.Top="137"
                       Width="102"
                       Height="78"
                       Fill="#FF0046FF"
                       ManipulationCompleted="myRect_ManipulationCompleted"
                       ManipulationDelta="myRect_ManipulationDelta"
                       ManipulationStarted="myRect_ManipulationStarted"
                       Stroke="Black">
                <i:Interaction.Behaviors>
                    <el:MouseDragElementBehavior />
                </i:Interaction.Behaviors>
            </Rectangle>
            <Ellipse Canvas.Left="291"
                     Canvas.Top="140"
                     Width="119"
                     Height="98"
                     Fill="#FF3AFF00"
                     Stroke="Black">
                <i:Interaction.Behaviors>
                    <el:MouseDragElementBehavior />
                </i:Interaction.Behaviors>
            </Ellipse>
            <Path Canvas.Left="163.443"
                  Canvas.Top="381.955"
                  Width="118.132"
                  Height="127.141"
                  Data="M182.053,380.396 C149.812,349.588 125.374,345.908 131.975,286.499 C134.604,262.841 123.508,262.712 162.022,262.712 C177.593,262.712 171.63,271.214 180.801,286.499 C206.006,269.696 195.904,247.079 239.643,256.452 C255.237,259.794 246.681,279.914 233.383,301.523 C216.567,328.85 198.764,353.325 182.053,380.396 z"
                  Fill="Red"
                  Stretch="Fill"
                  Stroke="Black"
                  UseLayoutRounding="False">
                <i:Interaction.Behaviors>
                    <el:MouseDragElementBehavior />
                </i:Interaction.Behaviors>
            </Path>
        </Canvas>

    </Grid>

</phone:PhoneApplicationPage>